#border_right{
    box-sizing: border-box;
    width:700px ;
    height: 700px;
    background:#F5F5F5;
    float:left;
}
.border_icon{/*顶部图标模块*/
    box-sizing: border-box;
    width: 700px;
    height: 20px;
}
.border_icon>p{/*图标*/
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    float:right;
    margin-right:10px;
    text-align: center;
}
.border_icon>p:hover{/*图标伪选*/
    background:#E5E5E5;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++*/
.chat{/*聊天全局*/
    width: 700px;
    height: 530px;
    background:#F5F5F5;
}
.chat_top{/*顶部*/
    width: 700px;
    height: 50px;
    /*background: black;*/
}
.chat_name{/*顶部聊天名字*/
    float:left;
    font-size:25px;
    line-height: 50px;
    margin-left: 20px;
}
.ing{/*聊天顶部正在输入*/
    float:left;
    font-size: 18px;
    margin-top:18px ;
    margin-left: 150px;
    color:gray;
}
.chat_content{/*聊天内容*/
    width: 660px;
    height: 400px;
    background: #F5F5F5;
    padding: 20px;
    overflow: auto;
}
.other{/*对方聊天模块*/
    float: left;
    clear:both;
}
.other div{/*other 下的div*/
    float: left;
    margin-left: 10px;
    line-height: 50px;

}
.other span{/*对方聊天内容*/
    background:white;
    padding: 5px;
    border-radius: 10px;
    line-height: 20px;
    display: inline-block;
    font-size:18px;
}
.me{/*自己*/
    float: right;
    clear:both;
}
.me div{/*me 下的div*/
    float: right;
    margin-right: 10px;
    line-height: 50px;
}

.me span{/*自己聊天内容*/
    background:#9EEA6A;
    padding: 5px;
    border-radius: 10px;
    line-height: 20px;
    font-size: 17px;
    display: inline-block;
}

.img{/*头像*/
    width: 50px;
    height: 50px;
    vertical-align: center;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
.chat_input{/*输入全局*/
   width: 700px;
    height:190px ;
    background: white;
}
.chat_icon{/*输入图标*/
    width: 700px;
    height: 25px;

}
.chat_icon > a{
    float: left;
    margin-left: 20px;
    text-decoration:none;
}
.chat_icon>a:hover{
    background:#F5F5F5 ;
}
.area{/*输入文本*/
    width: 700px;
    height: 135px;
    border: none;
    outline: none;
    background: white;
}
.input_btn{/*按钮*/
    float: right;
    margin-right: 10px;
    width: 50px;
    height: 25px;
    background:#F5F5F5;
    border-radius: 5px;
    border: none;
    outline: none;
}









